table.treetable tbody>tr:hover {
    background-color: #ebf2f9;
}

table.treetable tbody>tr.active {
    background-color: #e2e2e2;
}

table.treetable tbody>tr.selected {
    background-color: #ffe7bc;
}

table.treetable tbody>tr.selected:hover {
    background-color: #ffdea2;
}

table.treetable span.indenter {
    display: inline-block;
    text-align: right;

    /* Disable text selection of nodes (for better D&D UX) */
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;

    /* Force content-box box model for indenter (Bootstrap compatibility) */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    width: 20px;

    text-decoration: none;
    font-family: ZenIcon;
}

table.treetable span.indenter a {
    text-decoration: none;
    color: #353535;
}

table.treetable span {
    padding: .2em 0 .2em 1.5em;
}

table.treetable tr.collapsed span.indenter a:before {
    content: '\e6ef';
    color: #ea644a;
}

table.treetable tr.expanded span.indenter a:before {
    content: '\e6f0';
    color: #ea644a;
}

table.treetable .icon{
    color: #607d8b;
}